/* 首页-banner及搜索CSS */
.banner {
    display: flex;
    align-items: center;
    /* 垂直居中 */
    width: 1226px;
    height: 100px;
    background-color: #f7f7f7;
    margin: 8px auto 0;
}

.banner a {
    display: inline-block;
    width: 80px;
    height: 100px;
    /* background-color: red; */
    margin-right: 50px;

}

.banner a .computer {
    background-image: url("../images/index/computer1.png");
    background-position: center top;
    background-size: 80px 80px;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
}

.banner a .computer:hover {
    background-image: url("../images/index/computer2.png");
}

.banner a .book {
    background-image: url("../images/index/book1.png");
    background-position: center top;
    background-size: auto;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
}

.banner a .book:hover {

    background-image: url("../images/index/book2.png");
    background-size: auto;

}

.banner a .phone {
    background-image: url("../images/index/phone1.png");
    background-position: center top;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
}

.banner a .phone:hover {
    background-image: url("../images/index/phone2.png");
}

.banner a .accessories {
    background-image: url("../images/index/accessories1.png");
    background-position: center top;
    background-size: auto;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
}

.banner a .accessories:hover {

    background-image: url("../images/index/accessories2.png");
    background-size: auto;

}

.banner a .ebook {
    background-image: url("../images/index/ebook1.png");
    background-position: center top;
    background-size: 80px 80px;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
}

.banner a .ebook:hover {
    background-image: url("../images/index/ebook2.png");
    background-size: 80px 80px;

}

.banner h6 {
    font-size: 12px;
    text-align: center;
    color: #000;
    font-weight: normal;

    font-weight: 400px;
}

.search {
    margin-left: 100px;
    display: inline-block;
    /* 改用 flex 布局 */
    align-items: center;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    text-align: start;
    width: 476px;
    height: 100px;
    line-height: 100px;
}

.search>input {
    margin-left: 130px;
    width: 300px;
    height: 30px;

}

.search>.search-icon {
    display: inline-block;
    vertical-align: middle;
    background-image: url("../images/index/search.png");
    background-position: center top;
    background-size: 34px 34px;
    width: 34px;
    height: 34px;
    background-repeat: no-repeat;

}